@import "../../../style/sass/common/variables.scss";
@import "../../../style/sass/common/function.scss";

.table-detail{
    button{
        color: $brand-primary;
        padding: 0 5px;
        min-width: inherit;
    }
    .store-name{
        padding-right: 8px;
    }
    .tip-title{
        font-size: $font-size-h3;
    }
}
.table-group-list{
    min-width:40%;
}
.table-group-list-item{
    text-align:left;
    border-bottom: 1px solid #252525;
}
.table-group-list-item.selected{
    color: #fa8d4a;
    border-left-color: #fa8d4a;
    background-color: #2b2a2f;
    border-left: 3px solid;
}
/*退单*/
.refund{
    .header{
        background-color: $brand-primary;
        color: $baseBgColor;
    }
    .refund-order{
        font-size: $font-size-base;
    }
    .refund-container{
        padding: 0 8px;
    }
    .refund-foot{
        font-size: $font-size-large;
        height: 80px;
        background-color: #F5F5F5;
    }
    .refund-padding{
        padding: 25px 0;
    }
    .refund-border{
        border-bottom: 1px solid $nightLinkBaseColor;
    }
    .refund-qty{
        height: 2.4em;
        width: 2.4em;
        border: 1px solid $color-gray;
    }
}
.table-order {
    color: $linkBaseHoverColor;
    .table-order-amount{
        background-color: $linkTitleHoverColor;
        color: $tagActiveColor;
    }
    .table-order-settle{
        background-color: #E1E1E1;
    }
    .table-order-remark{
        background-color: $tagBdColor;
        color: $linkTitleHoverColor;
    }
}
.change-table-list{
    overflow: auto;
}
.table-operate{
    min-width: 65%;
}
.table-operate-item{
    height: pxtorem(50);
    border-bottom: 1px solid $color-gray;
}
.cancel-dishup{
    height: 48px;
    font-size: 14px;
    font-family: inherit;
}
.change-table-option{
    position: relative;
}
.table-zone-list{
    position: fixed;
    right: 20px;
    z-index: 999;
    background-color: $color-white;
    min-width: 100px;
    top: 20px;
    display: none;
}
.table-zone-listitem{
    line-height: 2.5rem;
}
.current-table-zone{
    border-bottom: 1px solid $color-gray;
}
.open-table-zone{
    display: inline-block;
    max-height: 300px;
    overflow: auto;
}
//new
.table-detail-info{
    position: relative;
    background-color: $color-whitegray;
}
.table-detail-list{
    padding: pxtorem(15);
}
.table-detail-item{
    background-color: $color-white;
    margin-top: pxtorem(15);
    // box-shadow: 0 0 5px $color-gray;
    &:first-child{
        margin: 0;
    }
}
.table-detail-summary{
    border-top: pxtorem(4) solid $color-primary;
    height: pxtorem(50);
    border-bottom: 1px solid $color-gray;
}
.table-order-time{
    padding-top: 1px;
    font-size: pxtorem(15);
    color: $color-lightgray;
}
.invt-pic{
    width: pxtorem(50);
    height: pxtorem(50);
}
.invt-list-container{
    .invt-list{
        position: relative;
        min-height: pxtorem(104);
        border-bottom: 1px dashed $color-gray;
        padding: pxtorem(16) 0;
    }
}
.invt-list-sign{
    position: relative;
    .dishup-backdrop{
        position: absolute;
        width: pxtorem(50);
        height: pxtorem(50);
        left: 0;
        top: 0;
        color: $color-white;
        font-size: pxtorem(35);
    }
    .dishup-txt{
        font-size: pxtorem(12);
    }
    .dishuped{
        background-color: rgba(111,176,58,0.9);
    }
    .refunded{
        background-color: rgba(237,89,86,0.9);
    }
    .waited{
        background-color: rgba(0,0,0,0.5);
    }
}
.invt-list-info{
    font-size: pxtorem(17);
    color: $color-lightblack;
}
.invt-qty{
    margin-top: pxtorem(10);
}
.invt-list-btn{
    width: pxtorem(25);
    height: pxtorem(25);
    border-radius: 50%;
    font-size: pxtorem(15);
    color: $color-primary;
    border: 1px solid $color-primary;
    line-height: pxtorem(25);
}
.order-place{
    position: absolute;
    width: pxtorem(50);
    height: pxtorem(50);
    bottom: pxtorem(72);
    right: pxtorem(20);
    border-radius: 50%;
    // box-shadow: 0 0 5px $color-gray;
    font-size: pxtorem(30);
}
.table-order{
    font-size: pxtorem(24);
    >div{
        height: pxtorem(59);
    }
}
.table-order-btn{
    width: pxtorem(85);
}
.order-empty-img{
    width: pxtorem(100);
    height: pxtorem(100);
    // background-image: url("app/images/order_empty.png");
    background-size: contain;
}
.order-empty-txt{
    font-size: pxtorem(15);
    color: $color-lightgray;
    text-align: center;
}
.order-empty-container{
    position: relative;
}
.tabledetail-content{
    height: 100%;
}
.tabledetail-order-remark{
    textarea{
        resize: none;
        border-radius: pxtorem(8);
        height: pxtorem(80);
        width: 100%;
        font-size: pxtorem(15);
        padding: pxtorem(10);
    }
}
.tabledetail-info{
    padding: pxtorem(20);
}
.tabledetail-order-panel{
    >div{
        &:last-child{
            margin-top: pxtorem(15);
        }
    }
}
.tabledetail-order-numbtn{
    height: pxtorem(50);
    width: pxtorem(50);
    border: 1px solid rgba(0, 0, 0, 0.1);
    // box-shadow: 0 0 5px $color-gray;
    border-radius: pxtorem(8);
}
.tabledetail-count{
    height: pxtorem(50);
    border-top: 1px solid $color-gray;
    // box-shadow: 0 -1px 5px $color-gray;
}
.tabledetail-opentime{
    font-size: pxtorem(15);
}
.tabledetail-person{
    border-bottom: 1px solid $color-lightgray;
}
.table-operate-content, .remind-order-content{
    height: 100%;
}
.table-operate-tip{
    font-size: pxtorem(15);
    color: $color-lightgray;
    margin: pxtorem(12) 0 0 pxtorem(12);
}
.invt-amount-title{
    height: pxtorem(40);
    border-bottom: 1px solid $color-gray;
}
.invt-amount-info{
    height: pxtorem(100);
}
.invt-amount-minus, .invt-amount-add{
    font-size: pxtorem(36);
}
.invt-amount-qty{
    width: pxtorem(28);
    height: pxtorem(28);
    font-size: pxtorem(20);
}
.triangle-bottomright{
    width: 0;
    height: 0;
    border-bottom: pxtorem(10) solid $color-primary;
    border-left: pxtorem(10) solid transparent;
}
.remind-order-list{
    margin: pxtorem(12) pxtorem(12) 0 pxtorem(12);
}
.table-operate-side{
    width: 70%;
}
.show-finished{
    height: 4rem;
    opacity: 0.5;
    color: #666;
}
.refund-container{
    max-height: pxtorem(120);
}
.refund-reason{
    resize: none;
    height: pxtorem(60);
    border-radius: pxtorem(4);
}
.batch-qty{
    width: 30px;
    height: 30px;
    border: 1px solid $color-gray;
    border-radius: 50%;
}
.batch-btn{
    font-size: pxtorem(33);
}
.switch-btn{
    border: 1px solid $color-primary;
}
.switch-btn.all-btn{
    border-radius: 3px 0 0 3px;
}
.switch-btn.detail-btn{
    border-radius: 0 3px 3px 0;
}